<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"], callback:drawChart});
      //google.setOnLoadCallback(drawChart);

      var dados = $("#gerar_indicadores").serialize();

      var link = location.href;
      link_split = link.split('Chamado');
      var pagina = link_split[0]+"Indicadores/";

      var gerar_pesquisa_satisfacao = $.ajax({
        url: pagina+'grafico_pesquisa_satisfacao/',
        async: false,
        type: "POST",
        data: dados,
        success: function(teste){
          //grafico = eval(teste);
        },
      }).responseText;

      function drawChart() {
        var data = google.visualization.arrayToDataTable(eval(gerar_pesquisa_satisfacao));
        var options = {
          title: 'Pesquisa Satisfação'
        };

        var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }

      $.ajax({
        url: link_split[0]+"PesquisaSatisfacao/Observacoes",
        async: false,
        type: "POST",
        data: dados,
        success: function(html){
          $("#observacoes").html(html);
        },
      }).responseText;
      //$("#observacoes").load(link_split[0]+"PesquisaSatisfacao/Observacoes");


    </script>
    <style type="text/css">
      #chart_div{
        width: 600px; 
        height: 400px;
        float: left;

      }

      #observacoes{
        width: 340px;
        height: 400px;
        overflow: auto;

      }

      #observacoes ul{
        list-style-type: none;
        margin-left: 5px;

      }

      #observacoes li {
        background-color: #ffffff;
        line-height: 20px;
        padding: 4px;
        margin-bottom: 4px;
        border: 1px solid #cccccc;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
        -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
        -o-transition: border linear 0.2s, box-shadow linear 0.2s;
        transition: border linear 0.2s, box-shadow linear 0.2s;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
      }

    </style>
  </head>
  <body>
    <div id="chart_div"></div>
    <div id="observacoes"></div>
  </body>
</html>